@charset "UTF-8";

/* Navigations-CSS
/  Version: 0.5
/  Author:
/  Author URI: http://www.webpages.de
*/

@media screen {

    /* Navigationen allgemein */
    #nav_main ul, #nav_main ul li, #nav_sub ul, #nav_sub ul li, ul#crumb, ul#crumb li, ul#footnav, ul#footnav li { list-style: none; margin: 0; padding: 0; }

/*START: Hauptnavigation*/
    .header .bottom .mainMenu{/*float: left;*/}
    .header .bottom .mainMenu ul {margin: 0;overflow: hidden;float: left;}
    .header .bottom .mainMenu ul li {float: left; padding: 0 30px; margin: 0; line-height: 21px}
    .header .bottom .mainMenu ul li:hover {background:#00d2f1; }
    .header .bottom .mainMenu ul li a {text-transform: uppercase; color: #fff; font-size:14px; font-weight: bold; }
    .mainMenu ul li.active {background:#00d2f1; }
/*ENDE: Hauptnavigation*/

/*START: Navigation Bild-Archive recht Spalte*/
    .navContainer{padding: 5px;}
    .navContainer h2{margin: 0 0 8px 0;}

    /*erste ebene*/
    .menu{height: 576px;margin: 10px 0 0;overflow: auto; /*margin-right:5px;*/ }
    .menu li { list-style: none; background:#02424d; margin: 0 0 5px 0; cursor: pointer}
    .menu li.first { padding: 3px 0 3px 15px; }
    .menu li.active {background:#036675; }
    .menu li:hover { background:#036675; }
    .menu li a{color: #fff; padding: 3px 5px; display: block; font-size: 15px;}

    /*zweite ebene*/
    .menu li .subMenu{margin: 0 0 0 5px; display: none}
    .menu li.active .subMenu{display: block}
    .menu li .subMenu li{margin:0;background: url("../img/ce/icon_arrow_no.gif") no-repeat 0 4px;line-height: 14px; padding: 0 0 0 13px;}
    .menu li .subMenu li:hover{background: url("../img/ce/icon_arrow_ho.gif") no-repeat 0 4px;}
    .menu li .subMenu li a{font-size: 13px;}
    .menu li .subMenu li a:hover{color: #00d2f1;}

    .menu li.active .subMenu li.active{background: url("../img/ce/icon_arrow_mo.gif") no-repeat 0 4px;}
    .menu li.active .subMenu li.active a{color: #00d2f1;}

    /*dritte ebene*/
    .menu li.active .subMenu li .subMenu {display: none;}
    .menu li.active .subMenu li.active .subMenu {display: block;}
    .menu li.active .subMenu li.active .subMenu li {/*background: none;*/}
    .menu li.active .subMenu li.active .subMenu li a{color: #fff;}
    .menu li.active .subMenu li.active .subMenu li a:hover{color: #00d2f1;}
    .menu li.active .subMenu li.active .subMenu li.active a{color: #00d2f1;}

    /*vierte ebene*/
    .menu li.active .subMenu li .subMenu .subMenu {display: none;}
    .menu li.active .subMenu li.active .subMenu .subMenu {display: block;}
    .menu li.active .subMenu li.active .subMenu .subMenu li {/*background: none;*/}
    .menu li.active .subMenu li.active .subMenu .subMenu li a{color: #fff;}
    .menu li.active .subMenu li.active .subMenu .subMenu li a:hover{color: #00d2f1;}
    .menu li.active .subMenu li.active .subMenu .subMenu li.active a{color: #00d2f1;}

    .menu li .subMenu.noImage li{background: none!important;}


/*ENDE: Navigation Bild-Archive recht Spalte*/



/*START: PAGINATION*/
    .pagenav{ clear: both; position: absolute;bottom: 0; margin: 0 0 0 32px;}
    .pagenav ul {overflow: hidden;margin: 10px 0; }
    .pagenav ul li {float: left;margin: 0; padding: 0 5px;color:#ffffff; cursor: pointer}
    .pagenav ul li:hover {color:#00dafa}
    .pagenav ul li.active {color:#00dafa}

    .pagenav ul li span{color:#fff; }
    .pagenav ul li span:hover{color:#00dafa ; }
    .pagenav ul li span.disabled {color:#004e5a }
/*ENDE: PAGINATION*/

/*START: Navigation in der Rechten Spalte oben */

    .clipsList{display: block;}
    .projectList{display: none;}

    .menuCol2 {clear: both;overflow: hidden;background: #002126;margin: 0;}
    .menuCol2 ul { width: 100%; }
    .menuCol2 ul li {float: left; width: 50%; text-align: center; padding: 3px 0}
    .menuCol2 ul li:hover {background: #00dafa!important; }
    .menuCol2 ul li.active{background: #00dafa!important; }
    .menuCol2 ul li a{text-transform: uppercase; color: #667a7d; font-weight: bold; display: block;}
    .menuCol2 ul li:hover a{color: #000}
    .menuCol2 ul li.active a{color: #000}
/*ENDER: Navigation in der Rechten Spalte oben */


/*
    #nav_main_right_col{border-bottom: 2px solid #00DAFA;}
    #nav_main_right_col ul {margin: 0; overflow: hidden; clear: both; list-style: none;  }
        #nav_main_right_col ul li {text-align: center; text-transform: uppercase; margin: 0; float: right;}
            #nav_main_right_col ul li a {background:#002126;line-height: 14px;height:12px;color: #fff; padding: 5px 0; font-weight: bold; font-size: 14px;width: 154px; display: block;}
            #nav_main_right_col ul li a:hover, #nav_main ul li a:active, #nav_main ul li a:focus, #nav_main ul li.current {background-color: #00dafa;}
*/





}
